<template>
  <div class="dashboard-container">
    <el-row :gutter="32" type="flex" justify="center">
      <el-col :xs="24" :sm="24" :lg="8" class="chart-wrapper">
        <div class="chart-wrapper1">
          <LoginStaticChart />
        </div>
      </el-col>
      <el-col :xs="24" :sm="24" :lg="8" class="chart-wrapper">
        <div class="chart-wrapper2">
          <ServeStaticChart />
        </div>
      </el-col>
    </el-row>
    <el-row :gutter="32" type="flex" justify="center">
      <el-col :xs="24" :sm="24" :lg="8" class="chart-wrapper">
        <div class="chart-wrapper3">
          <el-empty description="暂无内容" />
        </div>
      </el-col>
      <el-col :xs="24" :sm="24" :lg="8" class="chart-wrapper">
        <div class="chart-wrapper4">
          <el-empty description="暂无内容" /></div>
      </el-col>
    </el-row>
  </div>
</template>

<script>
import { mapGetters } from 'vuex'
import axios from 'axios'
import LoginStaticChart from './components/loginStaticCard'
import ServeStaticChart from './components/serveStaticCard'
export default {
  name: 'Dashboard',
  components: {
    LoginStaticChart,
    ServeStaticChart
  },
  computed: {
    ...mapGetters([
      'name'
    ])
  },
  methods: {
    // ....
    hClick() {
      axios.get('/mock/test').then((res) => {
        console.log(res)
        this.list = res.data.data
      })
    }
  }
}
</script>

<style lang="scss" scoped>
.dashboard {
  &-container {
    // background: red;
  // background-image: url('https://dogefs.s3.ladydaily.com/~/source/wallhaven/full/qz/wallhaven-qzj5ll.jpg?w=2560&h=1440&fmt=webp');
    background-image: url('../../assets/systemsicons/bj.jpg');
}
  &-text {
    font-size: 30px;
    line-height: 46px;
  }

  }
  ::v-deep .chart-wrapper{
    // background: #000;
    padding: 20px 0 0 60px;
    width:550px;
    height:350px;
    border:1px solid #fbffff ;
    border-radius: 15px;
    margin:25px 30px 0 0;

  }
  .chart-wrapper1{
    margin-left: 20px;
    border-radius: 10px;
    // border:1px solid black;
    padding-left:30px ;
  }
  .chart-wrapper2{
    margin-left: 35px;
  }
</style>
